<template>
  <div>
    <el-card style="border-radius: 0">
      <div slot="header">
        <span>向导</span>
      </div>
      <div class="demo">
        <el-row :gutter="20" >
          <el-col :span="6">
            <div class="grid-content "  @click="redirectToUser()">
              <div style="padding: 10px;background: #673AB7">
                <i class="el-icon-user index-icon"></i>
                用户管理
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content " @click="redirectToBanner()">
              <div style="padding: 10px;background: #3c8dbc">
                <i class="el-icon-picture index-icon"></i>
                轮播管理
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content "  @click="redirectToProduct()">
              <div style="padding: 10px;background: #009688">
                <i class="el-icon-goods index-icon"></i>
                商品管理
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content "  @click="redirectToOrder()">
              <div style="padding: 10px;background: #607D8B">
                <i class="el-icon-s-order index-icon"></i>
                订单管理
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content " @click="redirectToLogin()">
              <div style="padding: 10px;background: #3c8dbc">
                <i class="el-icon-goods index-icon"></i>
                登录日志
              </div>
            </div>
          </el-col> 
          <el-col :span="6">
            <div class="grid-content " @click="redirectToComment()">
              <div style="padding: 10px;background: #009688">
                <i class="el-icon-goods index-icon"></i>
                评论管理
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content " @click="redirectToSum()">
              <div style="padding: 10px;background:#607D8B">
                <i class="el-icon-goods index-icon"></i>
                热销统计
              </div>
            </div>
          </el-col> 
          <el-col :span="6">
            <div class="grid-content "  @click="redirectToBlog()">
              <div style="padding: 10px;background: #673AB7">
                <i class="el-icon-user index-icon"></i>
                博客管理
              </div>
            </div>
          </el-col>
        </el-row>
      </div>
    </el-card>
    <br />
    <el-card style="border-radius: 0">
      <div slot="header">
        <span>生鲜电商平台后台管理系统v1.0.0</span>
      </div>

      
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {     
        
    };
  },
  methods:{
    // 跳转方法
    redirectToUser(){
      window.location.href = '#/user_manage/list';
    },
    redirectToSum(){
      window.location.href = '#/eChart/list';
    },
    redirectToOrder(){
      window.location.href = '#/article_manage/list';
    },
    redirectToLogin(){
      window.location.href = '#/log_manage/list';
    },
    redirectToComment(){
      window.location.href = '#/comment_manage/list';
    },
    redirectToBanner(){
      window.location.href = '#/banner_manage/list';
    },
    redirectToProduct(){
      window.location.href = '#/goods_manage/list';
    },
    redirectToBlog(){
      window.location.href = '#/blog_management/list'

  }
}
};
</script>
<style lang="scss">
.demo {
  margin: 10px;
  .grid-content {
    border-radius: 4px;
    overflow: hidden;
    color: #fff;
    background: #d3dce6;
    .index-icon {
      font-size: 82px;
      color: #fff;
    }
  }
}
</style>
